<template>
  <div id="Dot">
    <div class="title">
        <span class="logo"><i>吃货卡</i></span>
        <span class="dot">吃货豆：<span>1461</span></span>
    </div>
    <p>升级超级吃货卡,每月得无门槛红包.下单5倍返吃货豆</p>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
#Dot{
    padding: 10px 15px;
    background-color: rgb(43, 163, 237);
    border-radius: 10px;
    margin-top: 15px;
    color: white;
}
#Dot .title{
    line-height: 40px;
}
#Dot .title .logo{
    padding-right: 14px;
    border-right: 1px solid #ccc;
}
#Dot .title .dot{
    padding-left: 14px;
    font-size: 12px;
    color:  rgb(248, 248, 248);
}
#Dot .title .dot span{
    font-size: 16px;
    color: white;
}
#Dot p{
    font-size: 12px;
    color: rgb(223, 222, 222);
}
</style>